---
title: "Конфигурация vue3, ts и eslint"
date: 2023-04-19T22:04:22+03:00
description: "О том как сконфигурировать vue3, ts и eslint"
tags: ["front", "vue", "ts", "eslint"]
ShowToc: true
ShowBreadCrumbs: true
draft: false
---

Для того, что eslint отрабатывал на sfc (.vue) нужно юзать `vue-eslint-parser` и соответствующие расширение `eslint-plugin-vue` (об этом говорится [здесь](https://eslint.vuejs.org/developer-guide/#working-with-rules)).

Но тогда не работает eslint для обычных ts файлов
для этого нужно конфигурировать, поведение для ts ([здесь нашел](https://github.com/vuejs/vue-eslint-parser/issues/104#issuecomment-875149361), но `"<template>": "espree"`, нужно убрать, чтобы отрабатывала дефолтное поведение парсера темплейта, иначе ругается на ts вставки, например, на foo?.bar)

Также нужно поставить `@rushstack/eslint-patch` для корректной работы `@vue/eslint-config-typescript`
